<template>
  <el-scrollbar class="main-scroll">
    <div class="banner intro">
      <img :src="requireImg('company-banner.png')" />
    </div>
    <breadcrumb></breadcrumb>
    <router-view></router-view>
    <m-footer></m-footer>
  </el-scrollbar>
</template>

<script>
import Breadcrumb from '@/base/breadcrumb/breadcrumb'
import MFooter from '@/components/footer/footer'
import { requireImgMixin } from '@/common/js/mixin'

export default {
  name: 'inCompany',
  mixins: [requireImgMixin],
  mounted() {
  },
  methods: {
  },
  components: {
    Breadcrumb,
    MFooter
  }
}
</script>

<style lang="stylus" scoped>
@import '~common/stylus/variable.styl'

.banner
  &.intro
    width:100%
    height: 477px
    background-color: $color-info
    img
      height: 100%
      position: relative
      left: 50%
      transform: translateX(-50%)

</style>
